<style>
.Estilo_Input_User {
	font-size: 12px;
	text-align: left;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	position: absolute;
	left: 435px;
	top: 238px;
	z-index: 1;
	width: 120px;
	cursor: text;
	height: 13px;
	vertical-align: central;
}

.Estilo_Input_Pass {
	font-size: 12px;
	text-align: left;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	position: absolute;
	left: 435px;
	top: 273px;
	z-index: 1;
	width: 120px;
	cursor: text;
	height: 13px;
	vertical-align: central;
}

.Estilo_Input_Boton {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	position: absolute;
	left: 470px;
	top: 320px;
	z-index: 1;
	cursor: pointer;
	height: 20px;
	opacity: 20%;
	background: inherit;
	width: 50px;
	background-color:transparent;
}

#coming_soon_div {
		top:110px;
		left:130px;
		position:absolute;
		z-index:200;
	}
	
	#login{
		margin-top:-177px;
		margin-left:160px;
		position:absolute;
		z-index:0;
	}

</style>

<!--[if IE]>
<style>
	#login{
    	left:7px;
        top:3px;
		
	}    
</style>
<![endif]--> 

<!-- Google Analytics Lines -->
	<script type="text/javascript">

      var _gaq = _gaq || [];
      _gaq.push(['_setAccount', 'UA-34830088-1']);
      _gaq.push(['_setDomainName', 'sportsballworld.com']);
      _gaq.push(['_setAllowLinker', true]);
      _gaq.push(['_trackPageview']);

      (function() {
        var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
        ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
      })();

    </script>


	<div id="login">
    	<img src="images/web-login.png" alt="Login Image" width="708" height="756" />
    </div>
    <div>
   		<input id="InputUser" class="Estilo_Input_User" type="text" readonly="readonly" />
      	<input id="InputPass" class="Estilo_Input_Pass" type="password" readonly="readonly" />
      	<input class="Estilo_Input_Boton" onclick="" type="button" />
      
    </div>
    
    <script language="javascript" type="text/javascript">
	  	function comprobar() {
				alert("User or Password Wrong");
				document.getElementById("InputUser").value = "";
				document.getElementById("InputPass").value = "";
				document.getElementById("InputUser").focus();
		}
	  </script>
      
      <div id="coming_soon_div">
    	<img src="images/coming_soon.png" width="700" height="225" alt="COMING SOON" />
    </div>
 